{% extends 'base.html' %}

{% block title %}
    <title>美西时尚-全球奢侈品购物网站,奢侈品网购,正品折扣,尽在MEICI.COM</title>
{% endblock %}

{% block cssjs %}


    <link rel="stylesheet" href="/static/css/meixishishang.css" type="text/css">

    <script src="/static/js/slide.js"></script>
{#    <script src="/static/js/goods_list.js"></script>#}
    <script src="/static/js/goods_scroll.js"></script>
{#    <script src="/static/js/goods_info.js"></script>#}
{#    <script src="/static/js/goods_info2.js"></script>#}
{% endblock %}

<!--  公共头部  -->

{% block cart %}
    <div class="bag">
        <a href="{% url 'carts:cart' %}">
            <div class="bag_n">
                <img src="/static/img/shopping.png" class="bag_icon" alt="" />
                <span>购物袋（<t style="color: #8E0C3A;">{{ all }}</t>）</span>
                <img class="arrow" src="/static/img/xiabiao.png" alt="" />
            </div>
        </a>

        {% if not cart_data %}
            <div class="cart">
                <div class="cart_n">您的购物车是空的</div>
            </div>
        {% else %}
            <div class="cart">
                <div><h4 class='title'>最新加入的商品</h4></div>
                <p class='new_cart'>有新的商品加入 快去购物车查看吧</p>
            </div>

        {% endif %}
    </div>
{% endblock %}

{% block content %}

    <div class="main_nav">
        <div class="nav">
            <ul class="nav_ul">
                <li><a href="#">{{ mxindexs.0.0.type }}</a></li>
                {% for mxindex in mxindexs.1 %}
                    <li><a href="#">{{ mxindex.type }}</a>
                    <div class="goods" style="left:-108px;">
                        <div class="goods_con_left">
                            <div class="goods_left">
                                <dt style="margin-top: 0px;">今日上新</dt>
                                <dt>昨日上新</dt>
                                <dt>本周上新</dt>
                            </div>
                            <div class="goods_mid">
                                <dt style="font-weight: bold;">男仕 Man</dt>
                                <dd>包袋 Bags</dd>
                                <dd>配饰 Accessories</dd>
                                <dd>鞋履 Shoes</dd>
                                <dd>服装 Clothes</dd>
                            </div>
                            <div class="goods_right">
                                <dt style="font-weight: bold;">女士 Woman</dt>
                                <dd>包袋 Bags</dd>
                                <dd>配饰 Accessories</dd>
                                <dd>鞋履 Shoes</dd>
                                <dd>服装 Clothes</dd>
                            </div>
                        </div>
                        <div class="goods_con_right">
                            <dt style="font-weight: bold;">今日推荐单品</dt>
                            <ul>

                                {% for mxgoodlist in mxgoodlists %}
                                    <li>
                                        <img src="{{ mxgoodlist.img }}" alt="" style="width: 30px;height: 30px">
                                        <a href="{% url 'goods:goodsdes' mxgoodlist.id %}" style="font-size: 12px">{{ mxgoodlist.name }}</a>
                                        {{ mxgoodlist.des }}
                                    </li>
                                {% endfor %}

                            </ul>
                        </div>
                        <div class="all_news">
                            <a href="#">所有男士新品</a>
                            <a href="#">所有女士新品</a>
                        </div>
                    </div>
                </li>

                {% endfor %}

                <li class="last_li"><a href="#">{{ mxindexs.2.0.type }}</a></li>
            </ul>
        </div>
    </div>
{% endblock %}
<!--  内容  -->
{% block main %}


    <div class="main">
        <!-----轮播图----->
        <div class="slides">
            <ul class="main_slide" id="list1">
                {% for mxwheel in mxwheels %}
                    <li><img src="{{ mxwheel.img }}" alt=""></li>
                {% endfor %}
            </ul>
            <div class="pre" style="left: 10px;">&lt;</div>
            <div class="next" style="right: 10px;">&gt;</div>
        </div>
        <!--   商品推荐    -->
        {% for mxtuijian in mxtuijians %}
            <div class="weekly">
            <div class="theme">
                <div class="mid_line"></div>
                <p class="theme_n">
                    {{ mxtuijian.english_type }}
                    <br />
                    {{ mxtuijian.chinese_type }}
                </p>
            </div>
            <div class="home_large">
                <div class="h1_float">
                    <a href="{% url 'goods:goodsdes' 1 %}" target="_blank">
                        <img class="img_left" src="/static/img/goods1.jpg" alt=""/>
                    </a>
                    <a href="{% url 'goods:goodsdes' 1 %}">
                        <img class="img_left" style="margin-top: 6px;" src="/static/img/goods2.jpg" alt=""/>
                    </a>
                </div>
                <div class="h2_float">
                    <a href="{% url 'goods:goodsdes' 1 %}" target="_blank">
                        <img class="img_mid" src="/static/img/goods3.jpg" alt=""/>
                    </a>
                </div>
                <div class="h3_float">
                    <a href="{% url 'goods:goodsdes' 2 %}" target="_blank">
                        <img class="img_left" src="/static/img/goods4.jpg" alt=""/>
                    </a>
                    <a href="{% url 'goods:goodsdes' 2 %}" target="_blank">
                        <img class="img_left" style="margin-top: 6px;" src="/static/img/goods5.jpg" alt=""/>
                    </a>
                </div>
            </div>
        </div>

        {% endfor %}

        <div class="top_re">
            <div class="theme">
                <div class="mid_line"></div>
                <p class="theme_n">
                    BEING SOLD
                    <br />
                    正被选购
                </p>
            </div>
            <div class="goods_scroll">
                <div class="cart_pre">
                    <div class="m_pre"></div>
                </div>
                <div class="cart_next">
                    <div class="m_next"></div>
                </div>
                <!--<div class="scroll_pro">-->
                    <ul class="goods_scroll_ul">
                        {% for mxsold in mxsolds %}
                            <li>
                                <a href="">
                                    <img src="{{ mxsold.img }}" alt="">
                                    <p>{{ mxsold.name1 }}<br>{{ mxsold.name2 }}</p>
                                </a>
                                <div class='c_gray'>
                                    {{ mxsold.state }}
                                </div>
                            </li>

                        {% endfor %}
                        
                    </ul>
                <!--</div>-->
            </div>
        </div>
        <div class="editor">
            <div class="theme">
                <div class="mid_line"></div>
                <p class="theme_n">
                    M TRENDS
                    <br />
                    时尚专题推荐
                </p>
            </div>
            <div class="home_large">
                <div class="h1_float">
                    <a href="" target="_blank">
                        <img src="/static/img/M1.jpg" style="width: 316px;height: 247px;" title="孔孝真又带着最时髦的衣服来了" alt=""/>
                    </a>
                </div>
                <div class="h2_float">
                    <a href="" target="_blank" >
                        <img src="/static/img/M2.jpg" style="width: 316px;height: 247px;" title="跟最会穿衣的知名男博主学三招" alt=""/>
                    </a>
                </div>
                <div class="h3_float">
                    <a href="" target="_blank">
                        <img src="/static/img/M3.jpg" style="width: 316px;height: 247px;" title="直筒牛仔裤怎样穿成潮流新款" alt=""/>
                    </a>
                </div>
            </div>
        </div>
        <div style="margin-top: 14px;">
            <a href="" >
                <img src="/static/img/summer.jpg" alt=""/>
            </a>
        </div>
        <div class="editor">
            <div class="theme">
                <div class="mid_line"></div>
                <p class="theme_n">
                    SUBSCRIBE & DOWNLOAD
                    <br />
                    体验更多
                </p>
            </div>
            <div class="home_large">
                <a href="" title="注册美西会员" style="float: left;">
                    <img src="/static/img/meici_vip.jpg" alt=""/>
                </a>
                <div class="subscription">
                    <img src="/static/img/meici_subscription.jpg" alt=""/>
                    <div class="meici_search">
                        <div class="float_l" style="margin-left: 40px;">
                            <input class="float_search" type="text" value="请填写您的E-mail" />
                        </div>
                        <div class="float_l" style="margin-left: 5px;">
                            <button class="btn_sub">即刻订阅</button>
                        </div>
                    </div>
                </div>
                <a href="" title="美西时尚" style="float: left;margin-left: 6px;">
                    <img src="/static/img/meici_download.jpg" alt=""/>
                </a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
			$(function(){
				$(".float_search").focus(function(){
					$(this).val("");
					$(this).css("color","rgb(51,51,51)")
				});
				$(".float_search").blur(function(){
					$(this).val("请填写您的E-mail");
					$(this).css("color","#999")
				})
			})
		</script>
{% endblock %}
<!--  公共尾部  -->
{% block help %}
    <div class="help">
        <ul>
            <li class="help_title">购物指南</li>
            <li><a href="">购物流程</a></li>
            <li><a href="">配送方式</a></li>
        </ul>
        <ul>
            <li class="help_title">支付方式</li>
            <li><a href="">如何付款</a></li>
            <li><a href="">发票制度</a></li>
        </ul>
        <ul>
            <li class="help_title">商品说明</li>
            <li><a href="">商品尺码</a></li>
            <li><a href="">商品包装</a></li>
        </ul>
        <ul>
            <li class="help_title">客服中心</li>
            <li><a href="">七天退还</a></li>
            <li><a href="">常见问题</a></li>
        </ul>
        <ul class="help_mid">
            <li style="padding-top: 13px;line-height: 26px;">
                <h5>订购热线</h5>
                <br/>
                <h4>4000-250-630</h4>
            </li>
        </ul>
        <ul class="help_mid" style="width: 145px;">
            <li style="padding-top: 13px;">
                <span>在线客服</span>
                <div class="tel">
                    <a href=""><img src="/static/img/tencent.png" alt=""/></a>
                    <a href=""><img src="/static/img/erji.png" alt=""/></a>
                </div>
            </li>
        </ul>
        <ul class="help_mid" style="width: 190px;">
            <li class="scan">
                <p>美西时尚APP</p>
                <img src="/static/img/ewm_indexTop.png" alt=""/>
            </li>
            <li class="scan" style="width: 72px;">
                <p>关注我们</p>
                <img src="/static/img/ewm_wx.png" style="margin: 0;" alt=""/>
            </li>
        </ul>
    </div>

{% endblock %}

{% block links %}
    <div class="links">
        <ul class="clearfix" style="width: 480px;">
            <li><a href="" id="foot_a"></a></li>
            <li><a href="" id="foot_b"></a></li>
            <li class="foot_c"></li>
            <li><a href="" id="foot_d"></a></li>
            <li><a href="" id="foot_e"></a></li>
            <li><a href="" id="foot_f"></a></li>
        </ul>
    </div>
{% endblock %}
